<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
</style>
<div class="row animated fadeInRight">
    <div class="col-md-8">
        <div class="box box-primary">
            <div class="panel-heading">
                {:__('自提配置')}
            </div>
            <div class="panel-body">

                <form id="update-form" role="form" data-toggle="validator" method="POST"
                    action="{:url('pick/edit_config')}">
                    {:token()}
                    <div class="box-body box-profile">
                        <input type="hidden" class="form-control"  name="row[id]"
                        value="{$row.id|htmlentities}" />
                        <div class="form-group">
                            <label for="person" class="control-label">{:__('Person')}:</label>
                            <input type="text" class="form-control" id="person" name="row[person]"
                                value="{$row.person|htmlentities}" />
                        </div>
                        <div class="form-group">
                            <label for="mobile" class="control-label">{:__('Mobile')}:</label>
                            <input type="text" class="form-control" id="mobile" name="row[mobile]"
                                value="{$row.mobile|htmlentities}" />
                        </div>
                        <div class="form-group" >
                            <label class="control-label ">{:__('省市区')}:</label>
                    
                                <div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
                                    <select class="province form-control" name="province" data-url="ajax/area" data-value="{:$row.city[0]??''}"></select>
                                    <select class="city form-control" name="city" data-url="ajax/area" data-value="{:$row.city[1]??''}"></select>
                                    <select class="area form-control" name="area" data-url="ajax/area" data-value="{:$row.city[2]??''}"></select>
                                </div>
                        </div>


                        <div class="form-group">
                            <label for="title" class="control-label">{:__('店名')}:</label>
                            <input type="text" class="form-control" id="title" name="row[title]"
                                value="{$row.title|htmlentities}" />
                        </div>

             

                       

                        <div class="form-group" data-toggle="addresspicker" data-input-id="c-address" data-lat-id="c-lat" data-lng-id="c-lng">
                            <label class="control-label">{:__('Address')}:</label>
                            <input id="c-address" class="form-control" name="row[address]" type="text" readonly
                                value="{$row.address|htmlentities}">
                        </div>
                        <div class="form-group hidden">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Lng')}:</label>
                            <input id="c-lng" class="form-control" name="row[lng]" type="text"
                                value="{$row.lng|htmlentities}">
                        </div>
                        <div class="form-group hidden">
                            <label class="control-label col-xs-12 col-sm-2">{:__('Lat')}:</label>
                            <input id="c-lat" class="form-control" name="row[lat]" type="text"
                                value="{$row.lat|htmlentities}">
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">{:__('Submit')}</button>
                            <button type="reset" class="btn btn-default">{:__('Reset')}</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>

    </div>

</div>